<!DOCTYPE html>
<html ng-app="gr-app">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>果然100通用配置模块</title>
    <!-- Tell the browser to be responsive to screen width -->
    <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
    <!-- Bootstrap 3.3.5 -->
    <link rel="stylesheet" href="/bootstrap/css/bootstrap.min.css">
    <!-- Font Awesome -->
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">
    <!-- Ionicons -->
    <link rel="stylesheet" href="/stylesheets/ionicons.min.css">
    <!-- Theme style -->
    <link rel="stylesheet" href="/dist/css/AdminLTE.min.css">
    <!-- AdminLTE Skins. Choose a skin from the css/skins
         folder instead of downloading all of them to reduce the load. -->
    <link rel="stylesheet" href="/dist/css/skins/_all-skins.min.css">
    <!-- iCheck -->
    <link rel="stylesheet" href="/plugins/iCheck/flat/blue.css">
    <!-- Morris chart -->
    <link rel="stylesheet" href="/plugins/morris/morris.css">
    <!-- jvectormap -->
    <link rel="stylesheet" href="/plugins/jvectormap/jquery-jvectormap-1.2.2.css">
    <!-- Date Picker -->
    <link rel="stylesheet" href="/plugins/datepicker/datepicker3.css">
    <!-- Daterange picker -->
    <link rel="stylesheet" href="/plugins/daterangepicker/daterangepicker-bs3.css">
    <!-- bootstrap wysihtml5 - text editor -->
    <link rel="stylesheet" href="/plugins/bootstrap-wysihtml5/bootstrap3-wysihtml5.min.css">
    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]-->
    <script src="/plugins/html5shiv.min.js"></script>
    <script src="/plugins/respond.min.js"></script>
    <!-- jQuery 2.1.4 -->
    <script src="/plugins/jQuery/jQuery-2.1.4.min.js"></script>
    <![endif]-->
    <style>
       .divTips{ left: 0;right: 0;margin-left:auto;margin-right:auto;width:auto;min-width: 400px;max-width:600px;}
    </style>

    <style>
        .page-list .pagination {
            float: left;
        }

        .page-list .pagination span {
            cursor: pointer;
        }

        .page-list .pagination .separate span {
            cursor: default;
            border-top: none;
            border-bottom: none;
        }

        .page-list .pagination .separate span:hover {
            background: none;
        }

        .page-list .page-total {
            float: left;
            margin: 25px 20px;
        }

        .page-list .page-total input, .page-list .page-total select {
            height: 26px;
            border: 1px solid #ddd;
        }

        .page-list .page-total input {
            width: 40px;
            padding-left: 3px;
        }

        .page-list .page-total select {
            width: 50px;
        }
    </style>
</head>
<body class="hold-transition skin-blue sidebar-mini">
<div class="wrapper" style="position: relative;">

    <header class="main-header">
        <!-- Logo -->
        <a href="index.html" class="logo">
            <!-- mini logo for sidebar mini 50x50 pixels -->
            <span class="logo-mini"><b>果然</b></span>
            <!-- logo for regular state and mobile devices -->
            <span class="logo-lg"><b>果然100</b></span>
        </a>
        <!-- Header Navbar: style can be found in header.less -->
        <nav class="navbar navbar-static-top" role="navigation">
            <!-- Sidebar toggle button-->
            <a class="sidebar-toggle" role="button" data-toggle="offcanvas" href="#">
                <span class="sr-only">Toggle navigation</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </a>
        </nav>
    </header>
    <!-- Left side column. contains the logo and sidebar -->
    <aside class="main-sidebar">
        <!-- sidebar: style can be found in sidebar.less -->
        <section class="sidebar">
            <!-- Sidebar user panel -->
            <div class="user-panel">
                <div class="pull-left image">
                    <img src="/dist/img/user2-160x160.jpg" class="img-circle" alt="User Image">
                </div>
                <div class="pull-left info">
                    <p>当前登录用户</p>
                </div>
            </div>
            <!-- sidebar menu: : style can be found in sidebar.less -->
            <ul class="sidebar-menu">
                <li class="active treeview">
                    <a href="#">
                        <i class="fa fa-dashboard"></i> <span>用户管理</span> <i class="fa fa-angle-left pull-right"></i>
                    </a>
                    <ul class="treeview-menu">
                        <li class="active"><a href="/basedata/userManage"><i class="fa fa-circle-o"></i> 用户信息</a></li>
                        <li><a href="/basedata/authManage"><i class="fa fa-circle-o"></i> 权限管理</a></li>
                        <li><a href="/basedata/operateManage"><i class="fa fa-circle-o"></i> 操作日志</a></li>
                    </ul>
                </li>
                <li class="active treeview">
                    <a href="#">
                        <i class="fa fa-dashboard"></i> <span>系统设置</span> <i class="fa fa-angle-left pull-right"></i>
                    </a>
                    <ul class="treeview-menu">
                        <li class="active"><a href="/basedata/menuManage"><i class="fa fa-circle-o"></i> 菜单管理</a></li>
                        <li><a href="/basedata/configManage"><i class="fa fa-circle-o"></i> 配置管理</a></li>
                    </ul>
                </li>
                <li class="active treeview">
                    <a href="#">
                        <i class="fa fa-dashboard"></i> <span>基础数据</span> <i class="fa fa-angle-left pull-right"></i>
                    </a>
                    <ul class="treeview-menu">
                        <li class="active"><a href="/basedata/cityManage"><i class="fa fa-circle-o"></i> 城市管理</a></li>
                    </ul>
                </li>
            </ul>
        </section>
        <!-- /.sidebar -->
    </aside>

    <!-- Content Wrapper. Contains page content -->
    <div class="content-wrapper">
        <!-- Content Header (Page header) -->
        <section class="content-header">
            <h1>
                页面标题
                <small>页面标题2</small>
            </h1>
        </section>

        <!-- Main content -->
        <section class="content" id="secContent">
            <%- body %>
        </section>
        <!-- /.content -->
    </div>
    <!-- /.content-wrapper -->
    <footer class="main-footer">
        <div class="pull-right hidden-xs">
            <b>Version</b>0.0.0.1
        </div>
        <strong>Copyright &copy; 2014-2015 <a href="http://www.guoran100.com">果然100</a>.</strong> All rights
        reserved.
    </footer>
    <!-- Add the sidebar's background. This div must be placed
         immediately after the control sidebar -->
    <div class="control-sidebar-bg"></div>
    <div id="divTips" class="divTips" style="position: fixed;top:0;z-index: 9999;display: none;">
        <div class="callout callout-success divTips" style="display: none;position: absolute;top: 0;">
            <h4>成功提示</h4>
            <p style="word-wrap: break-word; word-break: normal;"></p>
        </div>
        <div class="callout callout-info divTips" style="display: none;position: absolute;top: 0;">
            <h4>信息提示</h4>
            <p  style="word-wrap: break-word; word-break: normal;"></p>
        </div>
        <div class="callout callout-warning divTips" style="display: none;position: absolute;top: 0;">
            <h4>错误提示</h4>
            <p  style="word-wrap: break-word; word-break: normal;"></p>
        </div>
        <div class="callout callout-danger divTips" style="display: none;position: absolute;top: 0;">
            <h4>错误警示</h4>
            <p  style="word-wrap: break-word; word-break: normal;"></p>
        </div>
    </div>
</div>
<!-- ./wrapper -->


<!-- jQuery UI 1.11.4 -->
<script src="/plugins/jquery-ui.min.js"></script>
<!-- Resolve conflict in jQuery UI tooltip with Bootstrap tooltip -->
<script>
    $.widget.bridge('uibutton', $.ui.button);
</script>
<!-- Bootstrap 3.3.5 -->
<script src="/bootstrap/js/bootstrap.min.js"></script>

<!-- Morris.js charts -->
<!--<script src="https://cdnjs.cloudflare.com/ajax/libs/raphael/2.1.0/raphael-min.js"></script>-->
<!--<script src="plugins/morris/morris.min.js"></script>-->
<!--&lt;!&ndash; Sparkline &ndash;&gt;-->
<!--<script src="plugins/sparkline/jquery.sparkline.min.js"></script>-->
<!--&lt;!&ndash; jvectormap &ndash;&gt;-->
<!--<script src="plugins/jvectormap/jquery-jvectormap-1.2.2.min.js"></script>-->
<!--<script src="plugins/jvectormap/jquery-jvectormap-world-mill-en.js"></script>-->
<!-- jQuery Knob Chart -->
<!--<script src="plugins/knob/jquery.knob.js"></script>-->
<!--&lt;!&ndash; daterangepicker &ndash;&gt;-->
<!--<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.10.2/moment.min.js"></script>-->
<!--<script src="plugins/daterangepicker/daterangepicker.js"></script>-->
<!--&lt;!&ndash; datepicker &ndash;&gt;-->
<!--<script src="plugins/datepicker/bootstrap-datepicker.js"></script>-->
<!-- Bootstrap WYSIHTML5 -->
<!--<script src="plugins/bootstrap-wysihtml5/bootstrap3-wysihtml5.all.min.js"></script>-->
<!--&lt;!&ndash; Slimscroll &ndash;&gt;-->
<!--<script src="plugins/slimScroll/jquery.slimscroll.min.js"></script>-->
<!--&lt;!&ndash; FastClick &ndash;&gt;-->
<!--<script src="plugins/fastclick/fastclick.min.js"></script>-->
<!--&lt;!&ndash; AdminLTE App &ndash;&gt;-->
<script src="/dist/js/app.min.js"></script>
<!-- AdminLTE dashboard demo (This is only for demo purposes) -->
<!--<script src="dist/js/pages/dashboard.js"></script>-->
<!--&lt;!&ndash; AdminLTE for demo purposes &ndash;&gt;-->
<!--<script src="dist/js/demo.js"></script>-->
<script src="/ng/angular.min.js"></script>
<script src="/ng/angular-animate.min.js"></script>
<!--
<script src="ng/toaster.min.js"></script>-->
<script src="/script/app.js"></script>
<script src="/userDefine/tm.pagination.js"></script>
<%- block('footer').toString() %>
</body>
<script>
    $(function(){
        var height=$("#secContent div[class=box]").height();
        $("#secContent").css("height",height);
    })

    function showTips(type,info){
        if(type=="success"){
            $("#divTips div:eq(0) p").text(info);
            $("#divTips,#divTips div:eq(0)").show();
            setTimeout(function(){$("#divTips,#divTips div:eq(0)").hide();},3000)
        }
        else if(type=="tip"){
            $("#divTips div:eq(1) p").text(info);
            $("#divTips,#divTips div:eq(1)").show();
            setTimeout(function(){$("#divTips,#divTips div:eq(1)").hide();},3000)
        }
        else  if(type=="wrong"){
            $("#divTips div:eq(2) p").text(info);
            $("#divTips,#divTips div:eq(2)").show();
            setTimeout(function(){$("#divTips,#divTips div:eq(2)").hide();},3000)
        }
        else  if(type=="error"){
            $("#divTips div:eq(3) p").text(info);
            $("#divTips,#divTips div:eq(3)").show();
            setTimeout(function(){$("#divTips,#divTips div:eq(3)").hide();},3000)
        }
    }
</script>
</html>

